<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>比例尺</title>
<style>
 

</style>
</head>
<body>
	<script
		src="${pageContext.request.contextPath}/static/fw/plugin/d3/d3.min.js"
		charset="utf-8"></script>
	<script>
	var i = d3.interpolateNumber(10, 20);
	i(0.0); // 10
	i(0.2); // 12
	i(0.5); // 15
	i(1.0); // 20
	var i = d3.interpolate({colors: ["red", "blue"]}, {colors: ["white", "black"]});
	i(0.0); // {colors: ["rgb(255, 0, 0)", "rgb(0, 0, 255)"]}
	i(0.5); // {colors: ["rgb(255, 128, 128)", "rgb(0, 0, 128)"]}
	i(1.0); // {colors: ["rgb(255, 255, 255)", "rgb(0, 0, 0)"]}
	</script>
</body>
</html>